<%-- 
    Document   : registrationCustomer
    Created on : Dec 2, 2013, 3:34:16 PM
    Author     : lnngu_000
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib  prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Catering.com</title>
        <meta charset="utf-8">
        <%@include file="head.jsp" %>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script>
            $(function() {
                $("#datepicker").datepicker();
            });
        </script>
    </head>
    <body id="page1">
        <!--==============================header=================================-->
        <header>
            <%@include file="menuTop.jsp" %>

        </header>
        <!--==============================content================================-->
        <section id="content">
            <div class="main">

                <div class="wrapper">
                    <%@include file="boxSearch.jsp" %>
                    <s:form theme="simple" action="addCustomer" method="POST">
                        <article class="column-2">
                            <table style="width: 100%; text-align: center;margin-top: 10px;">
                                <caption style="margin-bottom: 40px;font-size: 20px;">Registration Customer</caption>
                                <tr style="height: 50px;">
                                    <td style="width: 20%;text-align: right;">
                                        FullName
                                    </td>
                                    <td style="width: 70%;text-align: left; padding-left: 10px;">        
                                        <s:textfield  cssClass="txtBox" name="fullname" cssStyle="width: 300px;"></s:textfield>
                                        </td>
                                    </tr>
                                    <td style="width: 20%;text-align: right;">
                                        Bithday
                                    </td>
                                    <td style="width: 70%;text-align: left; padding-left: 10px;">        
                                        <s:textfield  cssClass="txtBox" id="datepicker" name="bithday" cssStyle="width: 300px;"></s:textfield>
                                        </td>
                                    </tr>
                                    <tr style="height: 50px;">
                                        <td style="width: 20%;text-align: right;">
                                            Gender
                                        </td>
                                        <td style="width: 70%;text-align: left; padding-left: 10px;">

                                        <s:radio name="gender" list="#{'1':'Male','2':'Female'}" value="1"></s:radio>

                                        </td>
                                    </tr>
                                    <tr style="height: 50px;">
                                        <td style="width: 20%;text-align: right;">
                                            Email
                                        </td>
                                        <td style="width: 70%;text-align: left; padding-left: 10px;">

                                        <s:textfield cssClass="txtBox" name="email" cssStyle="width: 300px;"></s:textfield>
                                        </td>
                                    </tr>
                                    <tr style="height: 50px;">
                                        <td style="width: 20%;text-align: right;">
                                            Password
                                        </td>
                                        <td style="width: 70%;text-align: left; padding-left: 10px;">

                                        <s:password  cssClass="txtBox" name="password" cssStyle="width: 300px;"></s:password>
                                        </td>
                                    </tr>
                                    <tr style="height: 50px;">
                                        <td style="width: 20%;text-align: right;">
                                            Address
                                        </td>
                                        <td style="width: 70%;text-align: left; padding-left: 10px;">
                                        <s:textfield cssClass="txtBox" name="address" cssStyle="width: 300px;"></s:textfield>
                                        </td>
                                    </tr>
                                    <tr style="height: 50px;">
                                        <td style="width: 20%;text-align: right;">
                                            Phone
                                        </td>
                                        <td style="width: 70%;text-align: left; padding-left: 10px;">
                                        <s:textfield cssClass="txtBox" name="phone" cssStyle="width: 300px;"></s:textfield>
                                        </td>
                                    </tr>
                                    <tr style="height: 50px;">
                                        <td style="width: 20%;text-align: right;">
                                            Descriptions
                                        </td>
                                        <td style="width: 70%;text-align: left; padding-left: 10px;">

                                        <s:textarea style="width: 300px;" name="descriptions">

                                        </s:textarea>
                                    </td>
                                </tr>
                                <tr style="height: 50px;">
                                    <td style="width: 20%;text-align: right;">

                                    </td>
                                    <td style="width: 70%;text-align: left; padding-left: 10px;">
                                        <s:if test="hasActionErrors()">
                                            <div class="errors">
                                                <s:actionerror/>
                                            </div>
                                        </s:if>
                                        <s:if test="hasActionMessages()">
                                            <div class="welcome">
                                                <s:actionmessage/>
                                            </div>
                                        </s:if>
                                    </td>
                                </tr>
                                <tr style="height: 50px;">
                                    <td style="width: 20%;text-align: right;">

                                    </td>
                                    <td style="width: 70%;text-align: left; padding-left: 10px;">
                                        <s:submit  cssClass="button-1" value="Registration"></s:submit>

                                        </td>
                                    </tr>
                                </table>

                            </article>
                    </s:form>

                </div>
            </div>
        </section>
        <!--==============================footer=================================-->
        <%@include file="footer.jsp" %>
    </body>
</html>
